 @import "font.less";
 @import "media.less";
 /* 初始化 */

 * {
     padding: 0;
     margin: 0;
 }

 a {
     display: block;
     text-decoration: none;
     color: inherit;
 }

 img {
     width: 100%;
     display: block;
 }

 ul,
 li {
     list-style: none;
 }

 a {
     font-family: "华文细黑";
 } //  .clearfix {
 //      content: "";
 //      display: block;
 //      height: 0;
 //      line-height: 0px;
 //      clear: both;
 //      font-size: 0;
 //  }
 .clearfix::after {
     content: "";
     display: block;
     height: 0;
     line-height: 0;
     clear: both;
     font-size: 0;
 }
 /*  */

//  @media screen and (width:640px) {
//      html {
//          font-size: 100px;
//      }
//  }

 .card-view {
     background: #f7f4f1;
     padding: 0 .26em;
     /* 绿色卡片 */
     .card {
         .card-top {
             font-size: .28rem;
             color: #000;
             line-height: 1;
             padding: .28rem 0;
             font-weight: normal;
             span {
                 float: right;
                 color: #888888;
             }
         }
         .content {
             border-radius: 10px;
             box-shadow: 0 0 7px 1px grey;
             overflow: hidden;
             .main-content {
                 padding: .36rem .27rem;
                 background: #55bc75;
                 overflow: hidden;
                 position: relative;
                 &:before {
                     content: "";
                     display: block;
                     width: 1.46rem;
                     height: 1.46rem;
                     position: absolute;
                     background: url("../images/sale.png") no-repeat;
                     top: -.22rem;
                     right: -.08rem;
                 }
                 .manJian {
                     line-height: 1;
                     font-size: .46rem;
                     color: #fff;
                     font-weight: normal;
                     padding-bottom: .15rem;
                 }
                 .two11 {
                     font-size: .24rem;
                     color: #bdf3ce;
                     padding-bottom: .6rem;
                 }
                 .time {
                     font-size: .22rem;
                     color: #fff;
                     .begin {
                         float: right;
                         background: #2a603b;
                         padding: .01rem .03rem;
                         color: #bdf3ce;
                         border-radius: .05rem;
                     }
                 }
             }
             .share {
                 text-align: center;
                 padding: .16rem;
                 background: #fff;
                 position: relative;
                 &:before {
                     content: "";
                     display: block;
                     width: 100%;
                     height: .08rem;
                     position: absolute;
                     background: url("../images/icon.png");
                     top: -.08rem;
                     left: 0;
                 }
                 a {
                     float: left;
                     font-size: .26rem;
                     color: #888888;
                     width: 50%;
                     span {
                         color: #55bc75;
                         font-size: .28rem;
                         vertical-align: middle;
                         padding-right: .15rem;
                     }
                 }
             }
         }
     }
     .card-cheap {
         .card-noshare {
             .main-content {
                 background: #a974bc;
                 padding: 0 .27rem;
                 padding-bottom: .2rem;
                 .money {
                     font-family: "华文细黑"; //  padding: .2rem 0 .56rem;
                     padding-bottom: .4rem;
                     line-height: 1;
                     span {
                         line-height: 1;
                         display: inline-block;
                     }
                     .rmb {
                         font-size: .4rem;
                         color: #fff;
                     }
                     .num {
                         font-size: .9rem;
                         color: #fff;
                     }
                     .text {
                         font-size: .24rem;
                         color: #eac7f7;
                     }
                 }
                 .card-text {
                     color: #fff;
                     font-size: .22rem;
                 }
                 .time {
                     .begin {
                         background: #6a4279;
                     }
                 }
             }
         }
     }
     .twoPre {
         margin: .26rem 0;
     }
     .card-add {
         height: 1.95rem;
         background: #fff;
         border: 5px dashed #ccc;
         ;
         text-align: center;
         padding-top: .3rem;
         margin-bottom: .6rem;
         span {
             color: #aeaeae;
         }
         p {
             color: #aeaeae;
             font-size: .26rem;
         }
     }
     .tip {
        //  line-height: 1;
         font-size: .24rem;
         color: #999999;
         padding-bottom: .4rem;
     }
 }